{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>运维平台</title>
        <link rel="stylesheet" href="{% static 'css/layui.css' %}">
        <link rel="stylesheet" href="{% static 'css/index.css' %}">
        <style>

        </style>
    </head>

    <body>
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header layui-bg-cyan">
                <div class="layui-logo " style="font-size: 22px">
                    <i class="layui-icon" style="font-size: 20px">&#xe68e;</i>
                    运维平台
                </div>

                <ul class="layui-nav layui-layout-right ">
                    <li class="layui-nav-item">

                        <div style="float: left;">
                            <a id="logoname" href="javascript:;">
                                <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                            </a>
                        </div>
                        <div style="width: auto;height: 60px;position: relative;float: right;margin-left: -20px;"><span id="auditnum" class="layui-badge layui-hide" style="position: static;top:0;">0</span></div>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="javascript:;" data-url="users/details"><label>基本资料</label></a>
                            </dd>
                            <dd>
                                <a href="javascript:;" data-url="audit/myaudit"><label>我的审核</label></a>
                            </dd>
                            <dd>
                                <a id="4" class="layui-hide" href="javascript:;" data-url="users/management"><label>用户设置</label></a>
                            </dd>
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a id="logoexit" href="">退出</a></li>
                </ul>
            </div>
            <div class="layui-side layui-bg-black ">
                <div class="layui-side-scroll layui-bg-cyan">
                    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                    <ul class="layui-nav layui-bg-cyan layui-nav-tree" id="sideNav" lay-filter="sideNav">
                        <!--layui-nav-itemed:默认展开-->
                        <li id="1" class="layui-nav-item layui-hide">
                            <a class="" href="javascript:;">更新部署</a>
                            <dl class="layui-nav-child">
                                <dd>
                                    <a href="javascript:;" data-url="update/zcell-update"><label>更新</label></a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" data-url="update/zcell-deployment"><label>部署</label></a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" data-url="update/zcell-git"><label>提交版本库</label></a>
                                </dd>
                            </dl>
                        </li>
                        <li id="2" class="layui-nav-item layui-hide">
                            <a class="" href="javascript:;">平台数据</a>
                            <dl class="layui-nav-child">
                                <dd>
                                    <a href="javascript:;" data-url="alldata/user-sum"><label>用户汇总</label></a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" data-url="alldata/info-sum"><label>咨询汇总</label></a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" data-url="alldata/user-chart"><label>用户数据展示</label></a>
                                </dd>
                            </dl>
                        </li>
                        <li id="3" class="layui-nav-item layui-hide">
                            <a class="" href="javascript:;">自动运维</a>
                            <dl class="layui-nav-child">
                                <dd>
                                    <a href="javascript:;" data-url="automation/yaml-keys"><label>密钥配置</label></a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" data-url="automation/yaml-hosts"><label>主机配置</label></a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" data-url="automation/yaml-editor"><label>playbook</label></a>
                                </dd>
                                <dd>
                                    <a href="javascript:;" data-url="automation/yaml-perform"><label>操作执行</label></a>
                                </dd>
                            </dl>
                        </li>
                        <li id="5" class="layui-nav-item layui-hide">
                            <a class="" href="javascript:;">异常汇总</a>
                            <dl class="layui-nav-child">
                                <dd>
                                    <a href="javascript:;" data-url="abnormal/ab-statistical"><label>异常统计</label></a>
                                </dd>
                            </dl>
                        </li>
                        <li id="6" class="layui-nav-item">
                            <a class="" href="javascript:;">审核流程</a>
                            <dl class="layui-nav-child">
                                <dd>
                                    <a href="javascript:;" data-url="audit/audit-history"><label>历史流程</label></a>
                                </dd>
                                <dd>
                                    <a id="audit_manage" class="layui-hide" href="javascript:;" data-url="audit/manageconf"><label>管理配置</label></a>
                                </dd>
                            </dl>
                        </li>

                        <li id="9" class="layui-nav-item layui-hide">
                            <a class="" href="javascript:;">文档管理</a>
                            <dl class="layui-nav-child">
                                <dd>
                                    <a href="javascript:;" data-url="pdfshow"><label>文档查看</label></a>
                                </dd>
                                <dd>
                                    <a id="8" href="javascript:;" data-url="pdfmanage" class="layui-hide"><label>文档及用户管理</label></a>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="layui-body">
                <!-- 内容主体区域 -->
                <div class="layui-tab layui-tab-card" lay-filter="page-tab" >
                    <!--tab标题-->
                    <ul class="layui-tab-title" id="tabTitle" >
                        <li class="layui-this" lay-id="0" ><label>首页</label></li>
                    </ul>
                    <!--tab内容-->
                    <div class="layui-tab-content" id="tabContainers">
                        <div class="layui-tab-item layui-show" style="width:100%;height:100%">
{#                            <iframe frameborder="0" src="alldata/user-chart"></iframe>#}
                            <img style="margin-left:10%;width: 80%;height: 100%;" src="{% static 'images/homepage.png' %}">
                        </div>
                     </div>
                </div>
            </div>t
        </div>

        //JavaScript代码区域
        <script src="{% static 'layui.all.js' %}"></script>
        <script type="text/javascript">
            var level_id = {{ level_id|safe }};
            var page_list = {{ page_list|safe }};
            var logo_name = {{ logo_name|safe }};
        </script>
        <script src="{% static 'js/users/index.js' %}"></script>
    </body>
</html>